let upload = layui.upload;
//批量导入功能的实现
var url="http://42.63.69.44:8888/";
let uploadInst = upload.render({
    elem: '#dictionaryUoload'
    , url: '/fdfs/uploadFile ' //改成您自己的上传接口
    , method: 'post' //可选项。HTTP类型，默认post
    , headers: {authorization: CoreUtil.getData("access_token")} //接口的请求头。如：headers: {token: 'sasasas'}。注：该参数为 layui 2.2.6 开始新增
    , accept: 'images' //指定允许上传时校验的文件类型，可选值有：images（图片）、file（所有文件）、video（视频）、audio（音频）
    , auto: true //是否选完文件后自动上传。如果设定 false，那么需要设置 bindAction 参数来指向一个其它按钮提交上传
    , size: 8000 //设置文件最大可允许上传的大小，单位 KB。不支持ie8/9（0表示不限制）
    , drag: false //是否接受拖拽的文件上传，设置 false 可禁用。不支持ie8/9
    , multiple: true
    , done: function (res) {
        //如果上传失败
        if (res.code != 0) {
            notice = '<span style="color: red;">上传失败，原因：' + res.msg + '</span>';
        } else {
            notice = '<span style="color: #4cae4c;">上传成功</span>';
        }
        //显示提示语
        demoText.html(notice);
    }
    , error: function () {
        //演示失败状态，并实现重传
        let demoText = $('#demoText');
        demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
        demoText.find('.demo-reload').on('click', function () {
            uploadInst.upload();
        });
    }
});

// // 删除图片
// $(document).on("click", "subjectimg", function(event){
//     alert(111111)
//     $(this).parent().remove();
// });

//配图导入
var url="http://42.63.69.44:8888/";

let uploadInstpeitu = upload.render({
    elem: '#peituUoload'
    , url: '/fdfs/uploadFile ' //改成您自己的上传接口
    , method: 'post' //可选项。HTTP类型，默认post
    , headers: {authorization: CoreUtil.getData("access_token")} //接口的请求头。如：headers: {token: 'sasasas'}。注：该参数为 layui 2.2.6 开始新增
    , accept: 'images' //指定允许上传时校验的文件类型，可选值有：images（图片）、file（所有文件）、video（视频）、audio（音频）
    , auto: true //是否选完文件后自动上传。如果设定 false，那么需要设置 bindAction 参数来指向一个其它按钮提交上传
    , size: 8000 //设置文件最大可允许上传的大小，单位 KB。不支持ie8/9（0表示不限制）
    , drag: false //是否接受拖拽的文件上传，设置 false 可禁用。不支持ie8/9
    , multiple: true
    , done: function (res) {
        let notice = '';
        let demoText = $('#demoText');
        id+=1;
        $('#subjectimg').append('<div><div id='+id+'><img src='+url+res.data.path+'   name='+res.data.fileName+' style="width:50px; height:50px; display:block; " /></div><a class=" delete-btn">删除</a></div>');
        // $('#subjectimg').val( result); //图片链接（base64）

        var str="[";
        // if(data.imageList!=null&&data.imageList!=""){

        $("#subjectimg img" ).each(function(){
            str+="{'name':'"+$(this).attr("name")+"','imageUrl':'"+$(this).attr("src")+"'},";
        });
        str=str.substr(0,str.length-1);
        if(str!=""&&str!=null){
            str+="]"
        }
        $("#imageLists").val(str)

        //如果上传失败
        if (res.code != 0) {
            notice = '<span style="color: red;">上传失败，原因：' + res.msg + '</span>';
        } else {
            notice = '<span style="color: #4cae4c;">上传成功</span>';
        }
        //显示提示语
        demoText.html(notice);
    }
    , error: function () {
        //演示失败状态，并实现重传
        let demoText = $('#demoText');
        demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
        demoText.find('.demo-reload').on('click', function () {
            uploadInstpeitu.upload();
        });
    }
});


//普通音频上传
let uploadInstrecord = upload.render({
    elem: '#recordUpload'
    , url: '/fdfs/uploadFile ' //改成您自己的上传接口
    , method: 'post' //可选项。HTTP类型，默认post
    , headers: {authorization: CoreUtil.getData("access_token")} //接口的请求头。如：headers: {token: 'sasasas'}。注：该参数为 layui 2.2.6 开始新增
    , accept: 'file' //指定允许上传时校验的文件类型，可选值有：images（图片）、file（所有文件）、video（视频）、audio（音频）
    , auto: true //是否选完文件后自动上传。如果设定 false，那么需要设置 bindAction 参数来指向一个其它按钮提交上传
    , size: 0 //设置文件最大可允许上传的大小，单位 KB。不支持ie8/9（0表示不限制）
    , drag: false //是否接受拖拽的文件上传，设置 false 可禁用。不支持ie8/9
    // , multiple: true
    , done: function (res) {
        $('#subjectrecord').append('<video controls="controls"    style=" width: 200px;height:80px;" > ' +
            '<source  type="video/mp4" src='+url+res.data.path+' id="" name='+res.data.fileName+' style="width:200px; height:80px; display:block; " /> </video>');
        var strs="[";
        $("#subjectrecord video source" ).each(function(obj){

            strs+="{'name':'"+$(this).attr("name")+"','recordingUrl':'"+$(this).attr("src")+"'},";
        });
        strs=strs.substr(0,strs.length-1);
        if(strs!=""&&strs!=null){
            strs+="]"
        }
        $("#recording").val()
        $("#recording").val(strs)


        let notice = '';
        let demoText = $('#demoText');
        //如果上传失败
        if (res.code != 0) {
            notice = '<span style="color: red;">上传失败，原因：' + res.msg + '</span>';
        } else {
            notice = '<span style="color: #4cae4c;">上传成功</span>';
        }
        //显示提示语
        demoText.html(notice);
    }
    , error: function () {
        //演示失败状态，并实现重传
        let demoText = $('#demoText');
        demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
        demoText.find('.demo-reload').on('click', function () {
            uploadInstrecord.upload();
        });
    }
});
//视频上传
let uploadInstvideo = upload.render({
    elem: '#videoUpload'
    , url: '/fdfs/uploadFile ' //改成您自己的上传接口
    , method: 'post' //可选项。HTTP类型，默认post
    , headers: {authorization: CoreUtil.getData("access_token")} //接口的请求头。如：headers: {token: 'sasasas'}。注：该参数为 layui 2.2.6 开始新增
    , accept: 'file' //指定允许上传时校验的文件类型，可选值有：images（图片）、file（所有文件）、video（视频）、audio（音频）
    , auto: true //是否选完文件后自动上传。如果设定 false，那么需要设置 bindAction 参数来指向一个其它按钮提交上传
    , size: 0 //设置文件最大可允许上传的大小，单位 KB。不支持ie8/9（0表示不限制）
    , drag: false //是否接受拖拽的文件上传，设置 false 可禁用。不支持ie8/9
    , multiple: true
    , done: function (res) {
        $('#subjectvideo').append('<div><div id='+id+'><video controls="controls"   style=" width: 200px;height:200px;" >' +
            ' <source  type="video/mp4" src='+url+res.data.path+' id="" name='+res.data.fileName+' style="width:200px; height:200px; display:block; " /> </video>&nbsp;</div><a class="hidden delete-btn">删除</a></div>');

        // var jsonImgsa = [];
        var strss="[";
        $("#subjectvideo video source" ).each(function(){
            strss+="{'name':'"+$(this).attr("name")+"','videoUrl':'"+$(this).attr("src")+"'},";
        });
        strss=strss.substr(0,strss.length-1);
        if(strss!=""&&strss!=null){
            strss+="]"
        }
        $("#videoLists").val()
        $("#videoLists").val(strss)

        let notice = '';
        let demoText = $('#demoText');
        //如果上传失败
        if (res.code != 0) {
            notice = '<span style="color: red;">上传失败，原因：' + res.msg + '</span>';
        } else {
            notice = '<span style="color: #4cae4c;">上传成功</span>';
        }
        //显示提示语
        demoText.html(notice);
    }
    , error: function () {
        //演示失败状态，并实现重传
        let demoText = $('#demoText');
        demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
        demoText.find('.demo-reload').on('click', function () {
            uploadInstvideo.upload();
        });
    }
});

//笔画顺序
let uploadInstovevideo = upload.render({
    elem: '#videostoveUpload'
    , url: '/fdfs/uploadFile ' //改成您自己的上传接口
    , method: 'post' //可选项。HTTP类型，默认post
    , headers: {authorization: CoreUtil.getData("access_token")} //接口的请求头。如：headers: {token: 'sasasas'}。注：该参数为 layui 2.2.6 开始新增
    , accept: 'file' //指定允许上传时校验的文件类型，可选值有：images（图片）、file（所有文件）、video（视频）、audio（音频）
    , auto: true //是否选完文件后自动上传。如果设定 false，那么需要设置 bindAction 参数来指向一个其它按钮提交上传
    , size: 0 //设置文件最大可允许上传的大小，单位 KB。不支持ie8/9（0表示不限制）
    , drag: false //是否接受拖拽的文件上传，设置 false 可禁用。不支持ie8/9
    // , multiple: true
    , done: function (res) {
        $('#subjectvideos').append('<video controls="controls"   style=" width: 200px;height:200px;" >' +
            ' <source  type="video/mp4" src='+url+res.data.path+' id="" name='+res.data.fileName+' style="width:200px; height:200px; display:block; " /> </video>&nbsp;');

        var strss="[";
        $("#subjectvideos video source" ).each(function(){
            strss+="{'name':'"+$(this).attr("name")+"','recordingUrl':'"+$(this).attr("src")+"'},";
        });
        strss=strss.substr(0,strss.length-1);
        strss+="]"
        if(strss!=""&&strss!=null){
            strss+="]"
        }
        $("#strokeOrder").val()
        $("#strokeOrder").val(strss)

        let notice = '';
        let demoText = $('#demoText');
        //如果上传失败
        if (res.code != 0) {
            notice = '<span style="color: red;">上传失败，原因：' + res.msg + '</span>';
        } else {
            notice = '<span style="color: #4cae4c;">上传成功</span>';
        }
        //显示提示语
        demoText.html(notice);
    }
    , error: function () {
        //演示失败状态，并实现重传
        let demoText = $('#demoText');
        demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
        demoText.find('.demo-reload').on('click', function () {
            uploadInstovevideo.upload();
        });
    }
});